body{
    font-family: "Microsoft YaHei", sans-serif;
    min-height:100vh;
    background: #fff;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
ul,li,ol{
    list-style-type: none;
    padding:0;
    margin:0;
}
.header{
    background: #2a2c33;
    z-index: 100000;
}
.header h1{
    color:#fff;
    font-size:18px;
}
.header a{
    color:#fff;
}
a:active{
    color:#333;
}
/*section*/
#section{
    margin-top:44px;
}
.mui-slider .mui-slider-group .mui-slider-item img{
    width:100%;
    height:48vw;
}
.type_list{
    width:100%;
    border-bottom: 8px solid #f2f2f2;
    overflow: hidden;

}
.type_list li{
    float:left;
    text-align: center;
    width:calc(100%/3);
    padding:15px 0 10px 0;
}
.type_list li img{
    width:30px;
    height:30px;

}
.type_list li a{
    display: block;
    margin-top: 10px;
    color:#333;
    font-size:15px;
}
/*文体活动*/
.WT-activity{
    padding:0 12px;
    border-bottom:8px solid #f2f2f2;
}
.style_title{
    text-align: center;
    font-size:15px;
    height:35px;
    line-height:35px;
    color:#333;
    margin:0;
}
.style_title i{
    display: inline-block;
    width:20px;
    height:20px;
    vertical-align: middle;

}
.WT-activity>p>i{
    background: url("../../images/literary/WT.png") no-repeat;
    background-size: 90%;
}
h2{
    height:25px;
    line-height: 25px;
    color: #999;
    font-size: 13px;
    font-weight:normal;
    text-align: center;
}
.imgs{
    overflow: hidden;
}
.img{
    position: relative;
    top:0;
    display: inline-block;
    /*width: calc( 50vw - 18px );*/
    /*height: calc( (50vw - 18px)*0.65 );*/
    width: 45vw;
    height: 29vw;
    margin-top: 5px;
    margin-bottom: 5px;
}
.img .bg{
    z-index: 99;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    color:#ffffff;
    font-size: 1.7rem;
    text-align: center;
    line-height: 110px;
}
.imgr{
    margin-right: 3px;
}
.img img{
    width: 100%;
    height: 100%;
    border-radius: 7px;
}
.imglong{
    width: 100%;
    height: 29vw;
    overflow: hidden;
}
.imglong img{
    width: 100%;
    height: auto;
}
.bg_{
    position: absolute;
    content: '';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.3;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.img .bg{
    z-index: 99;
    position: absolute;
    top:25%;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    color:#ffffff;
    font-size: 17px;
    text-align: center;
    line-height: 29vw;

}
.bg p{
    color:#fff;
    font-size:18px;
    height:25px;
    line-height:25px;
    margin: 0;
}
.bg span{
    display: inline-block;
    width:70%;
    color:#fff;
    overflow: hidden;
    font-size: 11px;
    height:22px;
    line-height: 22px;
    vertical-align: top;
}
.bg .border_span{
    width: 50%;
    padding: 0 18px;
    border-top:1px solid #fff;
    font-size:13px;
    overflow: hidden;
}
.prediction{
    border-bottom:8px solid #f2f2f2;
}
.prediction>p>i{
    background: url("../../images/literary/timing.png") no-repeat;
    background-size: 90%;
}
.prediction_title{
    overflow: hidden;
    margin-bottom:12px;
    padding:0 12px;
}
.prediction_title li{
    display: inline-block;
    float: left;
    width:32%;
    background: #f2f2f2;
    height:60px;
    padding:10px 5px;
}

.prediction_title li img{
    display: inline-block;
    width: 30px;
    vertical-align: top;
    margin-top: 6px;
    height: 30px;
    border-radius: 20px;
}
.prediction_title li div{
    /*display: inline-block;*/
   display: -webkit-inline-flex;
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
    width:55%;
    height: 100%;
    text-align: center;
}
.prediction_title li div p{
    font-size: 13px;
    color:#333;
    text-align: center;
    margin:0;
}
.prediction_title li div span{
    font-size:10px;
    color:#999;
}
.prediction_title li:nth-child(2){
    margin: 0 2%;
}
.pre_list >li{
    height:110px;
    width:100%;
    overflow: hidden;
    padding:12px 12px 12px;
    border-top:1px solid #f2f2f2;
    position: relative;
}
.pre_list >li:first-child{
    border: none;
}
.pre_list >li:first-child{
    padding:22px 12px 12px;
}
.pre_list  li .view {
    float: left;
    width: 30%;
    height: 100%;
    position:relative;
}
.view img:first-child{
    width:100%;
    height:100%;
    border-radius: 3px;
    vertical-align: middle;
}
.pre_list  li .address{
    float:left;
    width:70%;
    /*height:100%;*/
    padding-left:3%;
    overflow: hidden;

}
.address ul{
    height:100%;
}
.address ul li{
    font-size:12px;
    color:#999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
}
.address>ul>li:first-child{
    font-size:13px;
    padding-top:0;
    color:#333;
    /*font-size:54px;*/
    margin-bottom:18px;
}

.clear{
    content:"";
    display:table;
}
/*文体动态*/
.dynamic{
	border-bottom:8px solid #f2f2f2;
}
.dynamic >p>i{
    background: url("../../images/literary/dynamic.png") no-repeat;
    background-size: 90%;
}
.dynamic ul,.video ul{
    width:100%;
}
.dynamic>ul>li,.video ul li{
    height: 110px;
    width: 100%;
    overflow: hidden;
    padding: 12px 12px 12px;
    border-top: 1px solid #f2f2f2;
    position: relative;
}
.dynamic>ul>li:first-child,.video ul li:first-child{
    border:none;
}
.dynamic>ul>li>div:first-child,.video ul li .video-box{
    float: left;
    width: 30%;
    height: 100%;
    position: relative;
}
.dynamic>ul>li>div:first-child img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
    vertical-align: middle;
}
.dynamic>ul>li>div:last-child,.video>ul>li>div:last-child{
    float:left;
    width: 70%;
    height: 100%;
    padding-left: 3%;
    overflow: hidden;
}
.dynamic>ul>li>div:last-child h2,.video>ul>li>div:last-child h2{
    line-height:19px;
    height:40px;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top:0px;
    vertical-align: top;
    font-size:14px;
    text-align: left;
    color: #333;
}
.right_main p{
    margin-top: 11%;
    overflow: hidden;
    vertical-align: bottom;
}
.right_main p span:last-child{
    padding-left:10%;
    font-size:11px;
    float: right;
}

.right_main p span:first-child{
    background: url(../../images/icon/news_list/eye.png) no-repeat 0% 50%;
    padding-left: 9%;
    background-size: 13px;
    font-size:11px;
}
.video>p>i{
    background: url("../../images/literary/video.png") no-repeat;
    background-size: 90%;
}
.video-box .list_left{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	margin: 0;
	border-radius: 4px;
}
.video-box .shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.video-box .video-icon{
	width: 40%;
	position: absolute;
	top: 25%;
	left: 30%;
	z-index: 2;
}